<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="keywords" content="#">
    <meta name="description" content="#">
    <title>个人中心</title>
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/images/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/images/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/images/favicon.ico">
    <link rel="apple-touch-icon-precomposed" href="assets/images/favicon.ico">
    <link rel="shortcut icon" href="assets/images/favicon.ico">
    <!-- Bootstrap -->
    <link href="${pageContext.request.contextPath}/front/assets/css/bootstrap.min.css" rel="stylesheet">
    <!-- Fontawesome -->
    <link href="${pageContext.request.contextPath}/front/assets/css/font-awesome.css" rel="stylesheet">
    <!-- Flaticons -->
    <link href="${pageContext.request.contextPath}/front/assets/css/font/flaticon.css" rel="stylesheet">
    <!-- Slick Slider -->
    <link href="${pageContext.request.contextPath}/front/assets/css/slick.css" rel="stylesheet">
    <!-- Range Slider -->
    <link href="${pageContext.request.contextPath}/front/assets/css/ion.rangeSlider.min.css" rel="stylesheet">
    <!-- Datepicker -->
    <link href="${pageContext.request.contextPath}/front/assets/css/datepicker.css" rel="stylesheet">
    <!-- magnific popup -->
    <link href="${pageContext.request.contextPath}/front/assets/css/magnific-popup.css" rel="stylesheet">
    <!-- Nice Select -->
    <link href="${pageContext.request.contextPath}/front/assets/css/nice-select.css" rel="stylesheet">
    <!-- Custom Stylesheet -->
    <link href="${pageContext.request.contextPath}/front/assets/css/style.css" rel="stylesheet">
    <!-- Custom Responsive -->
    <link href="${pageContext.request.contextPath}/front/assets/css/responsive.css" rel="stylesheet">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet">
    <!-- CSS for IE -->
    <!--[if lte IE 9]>
        <link rel="stylesheet" type="text/css" href="css/ie.css" />
    <![endif]-->   
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script type='text/javascript' src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
      <script type='text/javascript' src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js"></script>
    <![endif]-->
    <!-- place -->
</head>
<body>
    <!-- Start Header -->
    <header class="header">
        <!-- Topbar -->
        <div class="topbar bg-custom-blue">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="left-side">
                            <ul class="custom-flex">
                                <li>
                                    <a href="#" class="text-custom-white">
                                        <i class="fab fa-facebook-f"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="text-custom-white">
                                        <i class="fab fa-twitter"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="text-custom-white">
                                        <i class="fab fa-instagram"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="text-custom-white">
                                        <i class="fab fa-linkedin"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-6">
						<div class="right-side">
							<ul class="custom-flex" id="custom-flex">
							
								
							</ul>
						</div>
					</div>
                </div>
            </div>
        </div>
        <!-- Topbar -->
        <!-- Navigation -->
<div class="navigation">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="main-navigation">
							<div class="logo">
								<a href="index.jsp"> <img src="assets/images/TuYang-logo.png"
									class="img-fluid image-fit" alt="img">
								</a>
							</div>
							<div class="main-menu">
								<div class="logo">
									<a href="#"> <img
										src="assets/images/toor-logo.png" class="img-fluid image-fit"
										alt="img">
									</a>
								</div>
								<nav>
									<ul class="custom-flex">
										<li class="menu-item "><a href="index.jsp"
											class="text-light-dark">首页</a></li>
										<li class="menu-item"><a href="rooms-hotels.jsp"
											class="text-light-dark">酒店</a></li>
										<li class="menu-item"><a href="scenic.jsp"
											class="text-light-dark">景点</a></li>


										<li class="menu-item"><a href="order.jsp"
											class="text-light-dark">我的订单</a></li>
										<li class="menu-item"><a href="gallery.jsp"
											class="text-light-dark">我的收藏</a></li>
										<li class="menu-item active"><a href="person-center.jsp"
											class="text-light-dark">个人中心</a></li>
									</ul>
								</nav>

							</div>
							<div class="hamburger-menu">
								<div class="menu-btn">
									<span></span> <span></span> <span></span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
        <!-- Navigation -->
    </header>
    <!-- End Header -->
    <!-- Start Subheader -->
    <div class="subheader normal-bg section-padding">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h1 class="text-custom-white">Personal Center</h1>
                    <ul class="custom-flex justify-content-center">
                        <li class="fw-500">
                            <a href="index.jsp" class="text-custom-white">Home</a>
                        </li>
                        <li class="active fw-500">
                            	个人中心
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- End Subheader -->
    <!-- Start Blog -->
    <section class="section-padding bg-light-white booking-form">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="tabs">
                        <div class="tab-content bg-custom-white bx-wrapper padding-20">
                            <div class="tab-pane fade active show" id="hotel-booking">
                                <div class="tab-inner">
                                    <div class="row">
                                        <div class="col-lg-12">
                                        <form id="update-form" name="reg_testdate" method="post" action="${pageContext.request.contextPath}/PreserveServlet" enctype="multipart/form-data">
                                            <h4 class="text-custom-black">编辑资料</h4>
                                                <input type="hidden" name="userid" value="${sessionScope.user.userId}">
                                                <input type="hidden" name="userpassword" value="${sessionScope.user.userPassword}">
                                            	<div >
                                            		<div class="control-group" style="margin-top:85px;margin-left:87px;">
								 					<!-- 1 头像预览效果 -->
								 					
													<div class="userImage"  >
														<img style="width:300px;height:300px;" src="${pageContext.request.contextPath}/back/img/preview-img.jpg" id="preview-img" />
													</div>
													<div style="margin-top:20px;">
														<input name="userpicture" id="userpicture" type="file" accept="image/jpg,image/jpeg,image/png,image/gif" />
													</div>
														
													</div>
                                            	</div>
                                            	<div style="float:left;margin-top:-420px;">
                                                <div class="col-md-6" style="margin-bottom:40px;margin-top:30px;margin-left:550px;" >
                                                    <div class="form-group">
                                                        <label class="fs-14 text-custom-black fw-500">用户名</label>
                                                        <input type="text" name="username" id="username" class="form-control form-control-custom" placeholder="请输入用户名..." required />
                                                    </div>
                                                </div>
                                                <div class="col-md-6" style="margin-bottom:40px;margin-left:550px;">
                                                    <div class="form-group">
                                                        <label class="fs-14 text-custom-black fw-500">性别</label>
                                                        <select class="form-control form-control-custom" name="usersex" id="usersex">
                                                        	<option value="">请选择性别...</option>
                                                        	<option value="0">女</option>
                                                        	<option value="1">男</option>
                                                        </select>
<!--                                                         <input type="text" name="#" class="form-control form-control-custom" placeholder="性别" required> -->
                                                    </div>
                                                </div>
                                                
                                                
                                                <div class="col-md-6" style="margin-bottom:40px;margin-left:550px;">
                                                    <div class="form-group">
                                                        <label class="fs-14 text-custom-black fw-500">联系电话</label>
                                                        <input type="text" name="userphone" id="userphone" class="form-control form-control-custom" placeholder="请输入联系电话..." required>
                                                    </div>
                                                </div>
                                                <div class="col-md-6" style="margin-bottom:40px;margin-left:550px;">
                                                    <div class="form-group">
                                                        <label class="fs-14 text-custom-black fw-500">家庭住址</label>
                                                        <input type="text" name="useraddress" id="useraddress" class="form-control form-control-custom" placeholder="请输入家庭住址..." required>
                                                    </div>
                                                </div>
                                                <div class="col-md-6" style="margin-bottom:40px;margin-left:550px;">
                                                    <div class="form-group">
                                                        <label style="width:70px;" class="fs-14 text-custom-black fw-500">出生日期</label>
                                                        <br>
<%--                                                         		<form name="reg_testdate" method="post" action="${pageContext.request.contextPath}/PreserveServlet"> --%>
													    <select style="width:160px;float:left;"  class="form-control form-control-custom" name="YYYY" id="y" onchange="YYYYDD(this.value)">
													      <option value="">请选择 年</option>
													    </select>
													    <select style="width:160px;float:left;" class="form-control form-control-custom" name="MM" id="m" onchange="MMDD(this.value)">
													      <option value="">选择 月</option>
													    </select>
													    <select style="width:160px;float:left;" class="form-control form-control-custom" name="DD" id="d">
 													      <option value="">选择 日</option>
													    </select>
													    
													</div>
												</div>
												
												<input type="button" class="btn-first " style="margin-left:411px;margin-top:20px;margin-bottom:80px;background:#007bff;border-color: #01b7f2;color: white;" name="" value="保存" id="preserve" >
<!-- 												<input type="submit" name="" value="保存" id="preserve" style="margin-top:20px;margin-left:20px; background-color:#EBCCCC; border: none;"> -->
											</div>
										</form> 
 									
 																
										<script language="JavaScript">  
																	
											 function YYYYMMDDstart(){   
												MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];   
															    
									           //先给年下拉框赋内容   
									           var y  = new Date().getFullYear();   
									           for (var i = (y-30); i < (y+30); i++) //以今年为准，前30年，后30年   
									                   document.reg_testdate.YYYY.options.add(new Option(" "+ i +" 年", i));   
									    
									           //赋月份的下拉框   
									           for (var i = 1; i < 13; i++)   
									                   document.reg_testdate.MM.options.add(new Option(i<10?(" " + "0"+i + " 月"):(i + " 月"), i<10?("0"+i):i));   
									    
									           document.reg_testdate.YYYY.value = y;   
									           document.reg_testdate.MM.value = new Date().getMonth() + 1;   
									           var n = MonHead[new Date().getMonth()];   
									           if (new Date().getMonth() ==1 && IsPinYear(YYYYvalue)) n++;   
									                writeDay(n); //赋日期下拉框Author:meizz   
									           document.reg_testdate.DD.value = new Date().getDate();   
											}   
											if(document.attachEvent){   
												window.attachEvent("onload", YYYYMMDDstart);   
											}else{  
												window.addEventListener('load', YYYYMMDDstart, false); 
											} 
												
											function YYYYDD(str){ //年发生变化时日期发生变化(主要是判断闰平年)   
												var MMvalue = document.reg_testdate.MM.options[document.reg_testdate.MM.selectedIndex].value;   
												if (MMvalue == ""){ 
												var e = document.reg_testdate.DD; optionsClear(e); 
												return;
												}   
												var n = MonHead[MMvalue - 1];   
												if (MMvalue ==2 && IsPinYear(str)) n++;   
													writeDay(n)   
											}   
											function MMDD(str){   //月发生变化时日期联动   
											   var YYYYvalue = document.reg_testdate.YYYY.options[document.reg_testdate.YYYY.selectedIndex].value;   
											   if (YYYYvalue == ""){ var e = document.reg_testdate.DD; optionsClear(e); return;}   
											   var n = MonHead[str - 1];   
											   if (str ==2 && IsPinYear(YYYYvalue)) n++;   
													writeDay(n)   
												}
											
											function writeDay(n){   //据条件写日期的下拉框   
																     
											    var e = document.reg_testdate.DD; optionsClear(e);   
												for (var i=1; i<(n+1); i++)   
													e.options.add(new Option(i<10?(" " + "0"+i + " 日"):(i + " 日"), i<10?("0"+i):i));   
											}   
											function IsPinYear(year){//判断是否闰平年   
												return(0 == year%4 && (year%100 !=0 || year%400 == 0));}   
											function optionsClear(e){   
												e.options.length = 1;   
											}   
  										</script>
                                        <div class="group-form"></div>
                                                        
                                    </div>
                                 </div>
                             </div>
                             <div class="col-lg-4">
                                <div class="row">
                                </div>
                             </div>
                         </div>
                     </div>
                </div>
                <div class="tab-pane fade" id="flights-booking">
                    <div class="tab-inner">
                    </div>
                </div>
                <div class="tab-pane fade" id="cars-booking">
                    <div class="tab-inner">
                    </div>
                </div>
            </div>
        </div>
    </div>
    </section>
    <!-- End Blog -->
    <!-- Start Partners -->
    <!-- End Partners -->
    <!-- Start Footer -->
    <footer class="section-padding footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6">
                    <div class="footer-box mb-md-40">
                        <h4 class="text-custom-white fw-600">About Us</h4>
                        <p class="text-custom-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
                        <p class="text-custom-white">
                            Lorem Ipsum is simply dummy text of the printing and typesetting industry...
                        </p>
                        <ul class="custom-flex socials">
                            <li><a href="#" class="text-custom-white fs-14"><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href="#" class="text-custom-white fs-14"><i class="fab fa-twitter"></i></a></li>
                            <li><a href="#" class="text-custom-white fs-14"><i class="fab fa-linkedin"></i></a></li>
                            <li><a href="#" class="text-custom-white fs-14"><i class="fab fa-youtube"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="footer-box mb-md-40">
                        <h4 class="text-custom-white fw-600">Quick Links</h4>
                        <ul class="custom links">
                            <li>
                                <a href="#" class="text-custom-white">Home</a>
                            </li>
                            <li>
                                <a href="#" class="text-custom-white">Hotels</a>
                            </li>
                            <li>
                                <a href="#" class="text-custom-white">Flights</a>
                            </li>
                            <li>
                                <a href="#" class="text-custom-white">Cruise</a>
                            </li>
                            <li>
                                <a href="#" class="text-custom-white">Blog</a>
                            </li>
                            <li>
                                <a href="#" class="text-custom-white">404</a>
                            </li>
                            <li>
                                <a href="#" class="text-custom-white">Contact Us</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="footer-box mb-sm-40">
                        <h4 class="text-custom-white fw-600">Instagram</h4>
                        <ul class="custom instagram " style="position: relative; height: 204px;">
                            <li style="position: absolute; left: 0px; top: 0px;">
                                <a href="#" class="text-custom-white popup">
                                    <img src="assets/images/gallery/g_gal_1.jpg" class="image-fit" alt="img">
                                </a>
                            </li>
                            <li style="position: absolute; left: 84.1406px; top: 0px;">
                                <a href="#" class="text-custom-white popup">
                                    <img src="assets/images/gallery/g_gal_2.jpg" class="image-fit" alt="img">
                                </a>
                            </li>
                            <li style="position: absolute; left: 168.281px; top: 0px;">
                                <a href="#" class="text-custom-white popup">
                                    <img src="assets/images/gallery/g_gal_3.jpg" class="image-fit" alt="img">
                                </a>
                            </li>
                            <li style="position: absolute; left: 0px; top: 68px;">
                                <a href="#" class="text-custom-white popup">
                                    <img src="assets/images/gallery/g_gal_4.jpg" class="image-fit" alt="img">
                                </a>
                            </li>
                            <li style="position: absolute; left: 84.1406px; top: 68px;">
                                <a href="#" class="text-custom-white popup">
                                    <img src="assets/images/gallery/g_gal_5.jpg" class="image-fit" alt="img">
                                </a>
                            </li>
                            <li style="position: absolute; left: 168.281px; top: 68px;">
                                <a href="#" class="text-custom-white popup">
                                    <img src="assets/images/gallery/g_gal_6.jpg" class="image-fit" alt="img">
                                </a>
                            </li>
                            <li style="position: absolute; left: 0px; top: 136px;">
                                <a href="#" class="text-custom-white popup">
                                    <img src="assets/images/gallery/g_gal_7.jpg" class="image-fit" alt="img">
                                </a>
                            </li>
                            <li style="position: absolute; left: 84.1406px; top: 136px;">
                                <a href="#" class="text-custom-white popup">
                                    <img src="assets/images/gallery/g_gal_8.jpg" class="image-fit" alt="img">
                                </a>
                            </li>
                            <li style="position: absolute; left: 168.281px; top: 136px;">
                                <a href="#" class="text-custom-white popup">
                                    <img src="assets/images/gallery/g_gal_9.jpg" class="image-fit" alt="img">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="footer-box mb-sm-40">
                        <h4 class="text-custom-white fw-600">Newsletter</h4>
                        <div class="newsletter">
                            <p class="text-custom-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- End Footer -->
    <!-- Start Copyright -->
    <div class="copyright">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <p class="text-custom-white">Copyright &copy; 2020.Company name All rights reserved.</p>
                </div>
            </div>
        </div>
    </div>
    <!-- End Copyright -->
    <div id="back-top" class="back-top">
      <a href="#top"><i class="flaticon-arrows"></i></a>
    </div>
    <!-- Place all Scripts Here -->
    <!-- jQuery -->
    <script src="${pageContext.request.contextPath}/front/assets/js/jquery.min.js"></script>
    <!-- Popper -->
    <script src="${pageContext.request.contextPath}/front/assets/js/popper.min.js"></script>
    <!-- Bootstrap -->
    <script src="${pageContext.request.contextPath}/front/assets/js/bootstrap.min.js"></script>
    <!-- Range Slider -->
    <script src="${pageContext.request.contextPath}/front/assets/js/ion.rangeSlider.min.js"></script>
    <!-- Slick Slider -->
    <script src="${pageContext.request.contextPath}/front/assets/js/slick.min.js"></script>
    <!-- Datepicker -->
    <script src="${pageContext.request.contextPath}/front/assets/js/datepicker.js"></script>
    <script src="${pageContext.request.contextPath}/front/assets/js/datepicker.en.js"></script>
    <!-- Isotope Gallery -->
    <script src="${pageContext.request.contextPath}/front/assets/js/isotope.pkgd.min.js"></script>
    <!-- Nice Select -->
    <script src="${pageContext.request.contextPath}/front/assets/js/jquery.nice-select.js"></script>
    <!-- magnific popup -->
    <script src="${pageContext.request.contextPath}/front/assets/js/jquery.magnific-popup.min.js"></script>
    <!-- Maps -->
<!--     <script src="https://ditu.google.cn/maps/api/js?key=AIzaSyDnd9JwZvXty-1gHZihMoFhJtCXmHfeRQg"></script> -->
    <!-- Custom Js -->
    <script src="${pageContext.request.contextPath}/front/assets/js/custom.js"></script>
    <!-- /Place all Scripts Here -->
</body>
<script type="text/javascript">
	$(function(){
		var ymd = "${sessionScope.user.userBirth}";
		
		var iii = ymd.split("-");
		//显示用户名和用户图片
		var user ="${sessionScope.user}";
		if(user!=""&&"${sessionScope.user.userPicture}"==null){
			$("#custom-flex").html("<li><img src=\"${pageContext.request.contextPath}/assets/images/dahaigui.jpg\"><li><li>用户名："+"${sessionScope.user.userName}"+"</li>");
		}else if(user!=""&&"${sessionScope.user.userPicture}"!=null){
			$("#custom-flex").html("<li><img style=\"width:30px;height:30px;  \" src=\"${pageContext.request.contextPath}/FileDownloadServlet?fileName="+
			"${sessionScope.user.userPicture}"+"\"><li>"+
			"<li>用户名："+"${sessionScope.user.userName}"+
			"<span style=\"margin-left:60px;cursor:pointer;\" id=\"btnLogout\">退出登录</span>"+
			"</li>");
			
		}else if(user==""){
			$("#custom-flex").html("<li><a href=\"userLogin.jsp\" class=\"text-custom-white\">登录</a></li>"+
					"<li><a href=\"register.jsp\" class=\"text-custom-white\">注册</a></li>");
		}
		//对用户名和用户头像实现预览效果
		$("#username").val("${sessionScope.user.userName}");
		$("#usersex").val("${sessionScope.user.userSex}");
		$("#useraddress").val("${sessionScope.user.userAddress}");
		$("#userphone").val("${sessionScope.user.userPhone}");
		$("#y").val(iii[0]);
		$("#m").val(iii[1]);
		$("#d").val(iii[2]);
		$("#preview-img").prop("src","${pageContext.request.contextPath}/FileDownloadServlet?fileName=" + "${sessionScope.user.userPicture}");	
		$("#userpicture").text("${sessionScope.user.userPicture}");
		console.log("${sessionScope.user.userPicture}");
		// 头像选择做改变事件
		
		$("#userpicture").change(function(){
			// 生成图片预览功能
			// 1.得到文件列表数组,获取数组中第一个文件
			var imgFile = this.files[0];

			// 判断是否有上传文件
			if(imgFile==null){	
				$("#preview-img").prop("src","#");			
			}else{
				// 正则表达式验证选择的是否是图片类型
				var regexImageFilter = /^(?:image\/bmp|image\/png|image\/jpeg|image\/jpg)$/i;
				if (!regexImageFilter.test(imgFile.type)) {
					 alert("请选择有效图片");
// 					 $("#lbScenicPicture").val("");
				}else{ 
					// 2.构建文件读取流对象
					var fileReader =  new FileReader();
					// 3.利用流对象获取文件内容
					fileReader.readAsDataURL(imgFile);
					// 4.加载事件
					fileReader.onload = function(){
						// 5.渲染头像预览框
					$("#preview-img").prop("src",this.result); // this.result从文件读取流对象中获取数据
					$("#user-img-path").val(this.result);
					}
				 } 
			}
		});
		
		
		//为保存按钮做点击事件
		$(document).on("click","#preserve",function(){
			
			// 不带文件控件的表单,通过serialize()序列化方法获取表单数据
			 var formData = new FormData($("#update-form")[0]); // name=value&name=value...
			 $.ajax({
	    		 async:true,
	    		 type:"post",
	    		 url:"${pageContext.request.contextPath}/PreserveServlet",
	    		 data:formData, // 仅仅只能传递一个参数
	    		/*  dataType:"json", */
	    		 processData:false,
	    		 contentType:false,
	    		 success:function(result){
	    			 if("success"==result){
	    				alert("保存成功！");
	    				location.href = "${pageContext.request.contextPath}/front/person-center.jsp";
	    			 }
	    			
	    		 },
	    		 error:function(){
	    			 alert("异步请求失败!");
	    		 }
	    	 });
// 			console.log($("#username").val());
// 			console.log($("#usersex").val());
// 			console.log($("#userphone").val());
// 			console.log($("#useraddress").val());
// 			console.log($("#y").val()+"-"+$("#m").val()+"-"+$("#d").val());
		});
		//退出登录
		$(document).on("click","#btnLogout",function(){
			
			location.href = "${pageContext.request.contextPath}/front/userLogin.jsp";
		});
	});
	
</script>
</html>